<!DOCTYPE html>
<html>
<head>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="UTF-8">
    <title>堆糖</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<header>
    <div class="container p-0">
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-1 logo" id="logo">
                        <a href="" ></a>
                    </div>
                    <div class="col-md-1 diff">
                        <a href="" id="inner">分类∨</a>
                        <div class="hidden" id="outside">
                            <div class="hd_1">
                                <div class="re">
                                    <a href="" class="dt-nav-hot-link">
                                        热门推荐
                                        <i></i>
                                    </a>
                                </div>
                                <div class="liang">
                                    <a href="" class="dt-nav-hot-link">
                                        良心购
                                        <i></i>
                                    </a>
                                </div>
                            </div>
                            <div class="hd_2">
                                <div class="lie">
                                    <a href="">家居生活</a>
                                    <a href="">美食菜谱</a>
                                    <a href="">手工DIY</a>
                                    <a href="">时尚搭配</a>
                                    <a href="">美妆造型</a>
                                    <a href="">婚纱婚礼</a>
                                    <a href="">文字文具</a>
                                    <a href="">插画绘画</a>
                                    <a href="">影音书籍</a>
                                    <a href="">人物明星</a>
                                    <a href="">植物多肉</a>
                                    <a href="">生活百科</a>
                                    <a href="">搞笑萌宠</a>
                                    <a href="">人文艺术</a>
                                    <a href="">设计</a>
                                    <a href="">古风</a>
                                    <a href="">壁纸</a>
                                    <a href="">旅行</a>
                                    <a href="">头像</a>
                                    <a href="">摄影</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <input type="text" title="" placeholder="搜索感兴趣的内容">
                        <button type="submit"></button>
                    </div>
                </div>
            </div>
            <div class="col-md-6 text-right" id="text">
                <a href="">堆糖生活家</a>
                <a href="">注册/登录</a>
            </div>
        </div>
    </div>
</header>
<div class="bac mt-4">
    <div class="container p-0">
        <img src="img/banner1.jpg" alt="">
    </div>
</div>
<section>
    <div class="container p-0">
        <div class="row mr-0">
            <div class="col-md-9 pr-0">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="img/1.jpeg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="img/2.jpeg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="img/3.jpeg" alt="">
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
            <div class="col-md-3">
                <h5>社区热点</h5>
                <div class="list1">
                    <div class="list_a">
                        <a href="">欧美风</a>
                    </div>
                    <div class="list_a">
                        <a href="">美甲</a>
                    </div>
                    <div class="list_a">
                        <a href="">东宫</a>
                    </div>
                    <div class="list_a">
                        <a href="">张云雷</a>
                    </div>
                    <div class="list_a">
                        <a href="">插画</a>
                    </div>
                    <div class="list_a">
                        <a href="">女生节</a>
                    </div>
                    <div class="list_a">
                        <a href="">阿丽塔</a>
                    </div>
                    <div class="list_a">
                        <a href="">猫</a>
                    </div>
                </div>
                <div class="list2">
                    <a href="">
                        <span class="spa_1">精选</span>
                        <span class="spa_2">招募 ● 少女感养成学院</span>
                    </a>
                    <a href="">
                        <span class="spa_1">工具</span>
                        <span class="spa_2">堆糖收图小助手</span>
                    </a>
                </div>
                <div class="list3 clearfix">
                    <img src="img/span.png" alt="">
                    <div class="small">
                        <h6>堆糖 - 美好生活研究所</h6>
                        <p>最佳生活类应用</p>
                        <a href="">立即下载</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div id="content">
    <div class="container p-0 change">
        <div class="ctn_left">
            <ul>
                <li class="btn_1"><a href="">每日精选</a></li>
                <li class="btn_2"><a href="">关注动态</a></li>
            </ul>
            <div class="sclick">
                <div class="sck_1">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang.png" alt="">
                        <div class="ping">
                            <h6>堆糖小喇叭</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>留下壁纸，我们就是朋友！</p>
                        <img src="img/bizhi.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1" id="fish">
                            <img src="img/zan.png" alt="">
                            <span id="span">140</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>219</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang2.png" alt="">
                        <div class="ping">
                            <h6>coloroom彩条屋</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                        <img src="img/bizhi2.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>1228</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>1581</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang3.png" alt="">
                        <div class="ping">
                            <h6>美少女PINK酱</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
                        <img src="img/bizhi3.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>161</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>765</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang4.png" alt="">
                        <div class="ping">
                            <h6>-你是我全世界最喜欢的猪-</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>有哪些适合摘抄的 文艺且悲凉的句子？</p>
                        <img src="img/bizhi4.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>82</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>274</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang5.png" alt="">
                        <div class="ping">
                            <h6>干脆面炼金术士</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>人生的意义，在于一天比一天活得快乐</p>
                        <img src="img/bizhi5.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>54</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>104</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang.png" alt="">
                        <div class="ping">
                            <h6>堆糖小喇叭</h6>
                            <p>主题-我曾为你动过情</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>我曾为你动过情</p>
                        <img src="img/bizhi6.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>300</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>665</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang4.png" alt="">
                        <div class="ping">
                            <h6>-你是我全世界最喜欢的猪-</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>登上79所高校学生借阅排行榜的九本书</p>
                        <img src="img/bizhi7.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>59</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>151</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang8.png" alt="">
                        <div class="ping">
                            <h6>情写风月</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>799风景内侧美化包</p>
                        <img src="img/bizhi8.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>35</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>22</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang9.png" alt="">
                        <div class="ping">
                            <h6>审</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>火影你们粉谁 留名我去截头像！</p>
                        <img src="img/bizhi9.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>9</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>1</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang3.png" alt="">
                        <div class="ping">
                            <h6>美少女PINK酱</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                        <img src="img/bizhi10.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>57</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>126</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang11.png" alt="">
                        <div class="ping">
                            <h6>少女感养成学院</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>同桌的你</p>
                        <img src="img/bizhi11.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>89</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>106</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang.png" alt="">
                        <div class="ping">
                            <h6>堆糖小喇叭</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>我的CP真香</p>
                        <img src="img/bizhi12.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>91</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>107</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang13.png" alt="">
                        <div class="ping">
                            <h6>白日做梦大熊</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>当女生也太太太太不容易了</p>
                        <img src="img/bizhi13.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>78</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>76</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang4.png" alt="">
                        <div class="ping">
                            <h6>-你是我全世界最喜欢的猪-</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>有哪些好看值得回味的电影？</p>
                        <img src="img/bizhi14.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>80</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>293</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang15.png" alt="">
                        <div class="ping">
                            <h6>堆糖Class小助手</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>伴随一生的[少女感]，拥有它一点也不难</p>
                        <img src="img/bizhi15.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>34</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>41</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang16.png" alt="">
                        <div class="ping">
                            <h6>飞乐鸟</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                        <img src="img/bizhi16.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>68</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>63</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang3.png" alt="">
                        <div class="ping">
                            <h6>美少女PINK酱</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
                        <img src="img/bizhi17.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>139</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>461</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_1 mt-4">
                    <div class="fish_1 clearfix">
                        <img src="img/touxiang4.png" alt="">
                        <div class="ping">
                            <h6>-你是我全世界最喜欢的猪-</h6>
                            <p>热门内容</p>
                        </div>
                    </div>
                    <div class="fish_2">
                        <p>中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
                        <img src="img/bizhi18.png" alt="">
                    </div>
                    <div class="fish_3 clearfix">
                        <div class="low-1">
                            <img src="img/zan.png" alt="">
                            <span>42</span>
                        </div>
                        <div class="low-2">
                            <img src="img/shouzang.png" alt="">
                            <span>71</span>
                        </div>
                        <div class="low-3">
                            <img src="img/gengduo.png" alt="">
                            <span>更多</span>
                        </div>
                    </div>
                </div>
                <div class="sck_2 mt-4">
                    <a href="">查看更多</a>
                </div>
            </div>
        </div>
        <div class="ctn_right">
            <div class="click_1">
                <div class="class">
                    <h6>推荐关注</h6>
                    <span>换一批</span>
                </div>
                <div class="text_1">
                    <img src="img/c1.png" alt="">
                    <div class="c_1">
                        <h6>一望损莓苔</h6>
                        <p>擅长领域：手工,园艺</p>
                    </div>
                    <a href="">关注</a>
                </div>
                <div class="text_2">
                    <img src="img/c2.png" alt="">
                    <div class="c_2">
                        <h6>猫头鹰叔叔</h6>
                        <p>擅长领域：摄影</p>
                    </div>
                    <a href="">关注</a>
                </div>
                <div class="text_3">
                    <img src="img/c3.png" alt="">
                    <div class="c_3">
                        <h6>兔纸鱼</h6>
                        <p>擅长领域：Q版</p>
                    </div>
                    <a href="">关注</a>
                </div>
                <div class="text_4">
                    <img src="img/c4.png" alt="">
                    <div class="c_4">
                        <h6>小熊奶黄包</h6>
                        <p>擅长领域：壁纸,Q版</p>
                    </div>
                    <a href="">关注</a>
                </div>
                <div class="button">
                    <a href="">查看更多</a>
                </div>
            </div>
            <div class="click_2">
                <img src="img/erweima.png" alt="">
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container">
        <div class="footer_top">
            <div class="top_1">
                <p>APP下载</p>
                <img src="img/foot.png" alt="">
                <p>扫描二维码</p>
                <p>下载堆糖客户端</p>
            </div>
            <div class="top_2">
                <h6>关于我们</h6>
                <p>关于我们</p>
                <p>加入我们</p>
                <p>联系我们</p>
                <p>商务合作</p>
            </div>
            <div class="top_3">
                <h6>关注我们</h6>
                <p>新浪微博</p>
                <p>微信公众号</p>
            </div>
            <div class="top_4">
                <h6>友情链接</h6>
                <p>爱物网 东方女性网</p>
                <p>肉丁网 更多...</p>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="bottom_1 text-center">
                <p>@2019 duitang.com版权所有。泸ICP备10038086号-3</p>
                <img src="img/foot2.png" alt="">
                <img src="img/foot3.png" alt="">
                <p>丨增值电信业务经营许可证：浙B2-20180610自营经营者信息</p>
            </div>
            <div class="bottom_2 text-center">
                <img src="img/foot4.png" alt="">
                <p>上海市互联网违法不良信息举报中心丨有害内容举报电话：021-63462282</p>
            </div>
        </div>
    </div>
</footer>
<div id="top">
    Top
</div>

<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/js.js"></script>


</body>
</html>